<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>13_排他思想-点击第一个li标签，然后将所有的li标签的内容修改为哈哈</title>
    </head>
    <body>
        <ul>
            <li id="l1">大力娃</li>
            <li>千里眼</li>
            <li>顺风耳</li>
            <li>水娃</li>
            <li>火娃</li>
            <li>隐身娃</li>
            <li>土娃</li>
        </ul>

        <script>
            var li = document.querySelector('#l1');

            li.onclick = function(){
                // 获取了所有的li
                var li_list = document.querySelectorAll('li');

                // 遍历li
                for(var i = 0; i < li_list.length; i++){
                    li_list[i].innerHTML = '哈哈';
                }
            }
        </script>
    </body>
</html>